<!doctype html>
<html lang="zh-Hans">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" >
    <link rel="stylesheet" href="assets/css/fontawesome.min.css" >
    <link rel="stylesheet" href="assets/plugins/overlayscrollbars/css/OverlayScrollbars.min.css">
    <link rel="stylesheet" href="assets/css/backend.css" >
    <title>Fresns 管理中心</title>
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fresns-navbar">
      <a class="navbar-brand" href="#"><img src="assets/images/logo.png" height="30" alt="Fresns"></a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item"><a class="nav-link" href="index.html">仪表盘</a></li>
          <li class="nav-item active"><a class="nav-link" href="system-language.html">系统</a></li>
          <li class="nav-item"><a class="nav-link" href="operating-user.html">运营</a></li>
          <li class="nav-item"><a class="nav-link" href="themes.html">主题</a></li>
          <li class="nav-item"><a class="nav-link" href="plugins.html">插件</a></li>
          <li class="nav-item"><a class="nav-link" href="clients.html">客户端</a></li>
          <li class="nav-item"><a class="nav-link" href="store.html">应用市场</a></li>
        </ul>
        <span class="navbar-text">admin <a href="#">[退出]</a> <a href="https://fresns.cn" target="_blank">站点首页</a></span>
      </div>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-xl-2 fresns-sidebar">
          <h3 class="d-none d-sm-block">系统</h3>
          <button class="btn btn-primary btn-block d-block d-sm-none" type="button" data-toggle="collapse" data-target="#sidebarNav" aria-controls="sidebarNav" aria-expanded="true">
            <i class="fas fa-list-ul"></i> 系统
          </button>
          <div class="collapse show" id="sidebarNav">
            <ul class="nav flex-column">
              <li class="nav-item"><a class="nav-link" href="system-language.html"><i class="fas fa-language"></i> 语言设置</a></li>
              <li class="nav-item"><a class="nav-link active" href="system-site.html"><i class="fas fa-tools"></i> 站点设置</a></li>
              <li class="nav-item"><a class="nav-link" href="system-send.html"><i class="far fa-paper-plane"></i> 发信设置</a></li>
              <li class="nav-item"><a class="nav-link" href="system-account.html"><i class="far fa-user"></i> 账号设置</a></li>
              <li class="nav-item"><a class="nav-link" href="system-wallet.html"><i class="far fa-credit-card"></i> 钱包设置</a></li>
              <li class="nav-item"><a class="nav-link" href="system-storage.html"><i class="far fa-folder-open"></i> 存储设置</a></li>
              <li class="nav-item"><a class="nav-link" href="system-map.html"><i class="fas fa-map-marked-alt"></i> 地图设置</a></li>
            </ul>
            <div class="fresns-copyright">
              <p>Powered by Fresns</p>
            </div>
          </div>
        </div>

        <div class="col-sm-9 col-xl-10 fresns-content">
          <h3>站点设置</h3>
          <!-- Setting Start -->
          <form>
            <!-- Name Setting -->
            <label class="item-title">站点名称：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <input type="text" class="form-control" id="site_name" placeholder="站点名称" value="Fresns 演示站">
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">你的 Fresns 站点的名称。支持多语言。</label>
            </div>

            <!-- Desc Setting -->
            <label class="item-title">站点介绍：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <textarea class="form-control" id="site_desc" rows="2" placeholder="站点介绍">Fresns 是一款基于 Tweet 内容形态的社交网络服务软件，专为移动互联网而打造的下一代社区产品，免费开源，符合时代潮流，更开放且更易于二次开发。</textarea>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">你的 Fresns 站点的介绍。支持多语言。</label>
            </div>

            <!-- URL Setting -->
            <label class="item-title">站点网址：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <input type="url" class="form-control" id="site_url" placeholder="https://" value="https://www.fresns.cn">
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">你的 Fresns 站点的访问地址，结尾不带 /</label>
            </div>
            
            <!-- Icon Logo Setting -->
            <label class="item-title">站点标志：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <div class="input-group mb-3">
                  <div class="input-group-prepend">
                    <span class="input-group-text">ICON</span>
                  </div>
                  <input type="file" class="form-control" placeholder="站点 icon 图标" aria-label="icon" aria-describedby="icon" id="site_icon">
                </div>
                <div class="input-group mb-3">
                  <div class="input-group-prepend">
                    <span class="input-group-text">LOGO</span>
                  </div>
                  <input type="file" class="form-control" placeholder="站点 logo 图片" aria-label="logo" aria-describedby="logo" id="site_logo">
                </div>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">必须配置了<a href="system-storage.html">存储设置</a>中的图片设置</label>
            </div>

            <!-- URL Setting -->
            <label class="item-title">后端地址：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <input type="url" class="form-control" id="site_url" placeholder="https://" value="https://api.fresns.cn">
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">后端 API 和插件默认访问地址，结尾不带 /</label>
            </div>
            <!-- URL Setting -->
            <label class="item-title">管理地址：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <input type="url" class="form-control" id="site_url" placeholder="https://" value="https://admin.fresns.cn">
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">管理后台地址，结尾不带 /</label>
            </div>

            <!-- Copyright Setting -->
            <label class="item-title">版权所有名称：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <input type="text" class="form-control" id="site_copyright" value="唐杰">
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">例如：BieLang Technology</label>
            </div>

            <!-- Copyright Setting -->
            <label class="item-title">版权所有年份：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <input type="text" class="form-control" id="site_copyright_years" value="2011-2021">
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">例如：2021</label>
            </div>

            <!-- Divider -->
            <label class="item-title">默认时区：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <select class="custom-select" id="default_timezone">
                  <option value="UTC-12">UTC-12</option>
                  <option value="UTC-11.5">UTC-11:30</option>
                  <option value="UTC-11">UTC-11</option>
                  <option value="UTC-10.5">UTC-10:30</option>
                  <option value="UTC-10">UTC-10</option>
                  <option value="UTC-9.5">UTC-9:30</option>
                  <option value="UTC-9">UTC-9</option>
                  <option value="UTC-8.5">UTC-8:30</option>
                  <option value="UTC-8">UTC-8</option>
                  <option value="UTC-7.5">UTC-7:30</option>
                  <option value="UTC-7">UTC-7</option>
                  <option value="UTC-6.5">UTC-6:30</option>
                  <option value="UTC-6">UTC-6</option>
                  <option value="UTC-5.5">UTC-5:30</option>
                  <option value="UTC-5">UTC-5</option>
                  <option value="UTC-4.5">UTC-4:30</option>
                  <option value="UTC-4">UTC-4</option>
                  <option value="UTC-3.5">UTC-3:30</option>
                  <option value="UTC-3">UTC-3</option>
                  <option value="UTC-2.5">UTC-2:30</option>
                  <option value="UTC-2">UTC-2</option>
                  <option value="UTC-1.5">UTC-1:30</option>
                  <option value="UTC-1">UTC-1</option>
                  <option value="UTC-0.5">UTC-0:30</option>
                  <option value="UTC+0">UTC+0</option>
                  <option value="UTC+0.5">UTC+0:30</option>
                  <option value="UTC+1">UTC+1</option>
                  <option value="UTC+1.5">UTC+1:30</option>
                  <option value="UTC+2">UTC+2</option>
                  <option value="UTC+2.5">UTC+2:30</option>
                  <option value="UTC+3">UTC+3</option>
                  <option value="UTC+3.5">UTC+3:30</option>
                  <option value="UTC+4">UTC+4</option>
                  <option value="UTC+4.5">UTC+4:30</option>
                  <option value="UTC+5">UTC+5</option>
                  <option value="UTC+5.5">UTC+5:30</option>
                  <option value="UTC+5.75">UTC+5:45</option>
                  <option value="UTC+6">UTC+6</option>
                  <option value="UTC+6.5">UTC+6:30</option>
                  <option value="UTC+7">UTC+7</option>
                  <option value="UTC+7.5">UTC+7:30</option>
                  <option value="UTC+8" selected>UTC+8</option>
                  <option value="UTC+8.5">UTC+8:30</option>
                  <option value="UTC+8.75">UTC+8:45</option>
                  <option value="UTC+9">UTC+9</option>
                  <option value="UTC+9.5">UTC+9:30</option>
                  <option value="UTC+10">UTC+10</option>
                  <option value="UTC+10.5">UTC+10:30</option>
                  <option value="UTC+11">UTC+11</option>
                  <option value="UTC+11.5">UTC+11:30</option>
                  <option value="UTC+12">UTC+12</option>
                  <option value="UTC+12.75">UTC+12:45</option>
                  <option value="UTC+13">UTC+13</option>
                  <option value="UTC+13.75">UTC+13:45</option>
                  <option value="UTC+14">UTC+14</option>
                </select>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">默认时区的 UTC（协调世界时）</label>
            </div>

            <!-- Mode Setting -->
            <label class="item-title">运行模式：</label>
            <div class="form-group row">
              <div class="col-sm-6">
                <div class="custom-control custom-radio custom-control-inline">
                  <input type="radio" id="site_mode_public" name="site_mode" value="public" class="custom-control-input" data-toggle="collapse" data-target="#site_mode_collapse.show" aria-expanded="false" aria-controls="collapse" checked>
                  <label class="custom-control-label" for="site_mode_public">公开模式</label>
                </div>
                <div class="custom-control custom-radio custom-control-inline">
                  <input type="radio" id="site_mode_private" name="site_mode" value="private" class="custom-control-input" data-toggle="collapse" data-target="#site_mode_collapse:not(.show)" aria-expanded="false" aria-controls="collapse">
                  <label class="custom-control-label" for="site_mode_private">私有模式</label>
                </div>
              </div>
              <label class="col-sm-6 col-form-label">私有模式需要安装配套插件</label>
              <!-- Pay Card -->
              <div class="col-sm-12 collapse" id="site_mode_collapse">
                <div class="card">
                  <div class="card-header">私有模式配置</div>
                  <div class="card-body">
                    <!-- Card Input Group -->
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">是否对外开放加入</span>
                      </div>
                      <div class="form-control">
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" id="site_private_type_false" name="site_private_type" value="false" class="custom-control-input" checked>
                          <label class="custom-control-label" for="site_private_type_false">关闭</label>
                        </div>
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" id="site_private_type_true" name="site_private_type" value="true" class="custom-control-input">
                          <label class="custom-control-label" for="site_private_type_true">开放</label>
                        </div>
                      </div>
                      <label class="col-md-6 col-form-label">关闭后，任何人不可注册加入，不影响已有账号的使用者</label>
                    </div>
                    <!-- Card Input Group -->
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">加入通道支持插件</span>
                      </div>
                      <select class="custom-select" id="site_private_plugin">
                        <option value="0" selected>无</option>
                        <option value="2">付费会员插件</option>
                      </select>
                      <label class="col-md-6 col-form-label">加入通道由哪个插件提供支持</label>
                    </div>
                    <!-- Card Input Group -->
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">私有到期后的状态</span>
                      </div>
                      <select class="custom-select" id="site_private_end">
                        <option value="0" selected>站点内容不可见</option>
                        <option value="1">到期前内容可见，新内容不可见</option>
                      </select>
                      <label class="col-md-6 col-form-label">到期时间记录在用户资料里，不受插件影响，可自由更换插件</label>
                    </div>
                    <!-- Card Input Group -->
                  </div>
                </div>
              </div>
              <!-- Pay Card -->
            </div>

            <!-- China Setting -->
            <label class="item-title">中国大陆模式：</label>
            <div class="form-group row">
              <div class="col-sm-6">
                <div class="custom-control custom-radio custom-control-inline">
                  <input type="radio" id="china_server_false" name="china_server" value="false" class="custom-control-input" data-toggle="collapse" data-target="#china_server_collapse.show" aria-expanded="false" aria-controls="collapse" checked>
                  <label class="custom-control-label" for="china_server_false">否</label>
                </div>
                <div class="custom-control custom-radio custom-control-inline">
                  <input type="radio" id="china_server_true" name="china_server" value="true" class="custom-control-input" data-toggle="collapse" data-target="#china_server_collapse:not(.show)" aria-expanded="false" aria-controls="collapse">
                  <label class="custom-control-label" for="china_server_true">是</label>
                </div>
              </div>
              <label class="col-sm-6 col-form-label">站点服务器是否部署在中国大陆境内</label>
              <!-- Pay Card -->
              <div class="col-sm-12 collapse" id="china_server_collapse">
                <div class="card">
                  <div class="card-header">中国大陆服务器配置（非必填项）</div>
                  <div class="card-body">
                    <!-- Card Input Group -->
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text" style="width:120px;">ICP 备案号</span>
                      </div>
                      <input type="text" class="form-control" id="site_miit_beian" value="沪ICP备12345678号-1">
                      <label class="col-md-6 col-form-label"><a href="https://beian.miit.gov.cn/" target="_blank">https://beian.miit.gov.cn</a></label>
                    </div>
                    <!-- Card Input Group -->
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text" style="width:120px;">ICP 许可证号</span>
                      </div>
                      <input type="text" class="form-control" id="site_miit_tsm" value="沪B2-20201234">
                      <label class="col-md-6 col-form-label"><a href="https://tsm.miit.gov.cn/" target="_blank">https://tsm.miit.gov.cn</a></label>
                    </div>
                    <!-- Card Input Group -->
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text" style="width:120px;">公安备案号</span>
                      </div>
                      <input type="text" class="form-control" id="site_miit_gongan" value="沪公网安备31012345678号">
                      <label class="col-md-6 col-form-label"><a href="http://www.beian.gov.cn/" target="_blank">http://www.beian.gov.cn</a></label>
                    </div>
                    <!-- Card Input Group -->
                  </div>
                </div>
              </div>
              <!-- Pay Card -->
            </div>

            <!-- Stat Setting -->
            <label class="item-title">第三方统计：</label>
            <div class="form-group row">
              <div class="col-md-6 col-sm-8">
                <textarea class="form-control" id="site_stat_code" rows="2"></textarea>
              </div>
              <label class="col-md-6 col-sm-4 col-form-label">第三方统计代码（禁止使用含有 document.write 的统计代码）<br>仅网页端有效</label>
            </div>

            <!-- Close Setting -->
            <label class="item-title">站点状态：</label>
            <div class="form-group row">
              <div class="col-sm-6">
                <div class="custom-control custom-radio custom-control-inline">
                  <input type="radio" id="site_close_true" name="site_close" value="true" class="custom-control-input" data-toggle="collapse" data-target="#site_close_collapse.show" aria-expanded="false" aria-controls="collapse" checked>
                  <label class="custom-control-label" for="site_close_true">正常运行</label>
                </div>
                <div class="custom-control custom-radio custom-control-inline">
                  <input type="radio" id="site_close_false" name="site_close" value="false" class="custom-control-input" data-toggle="collapse" data-target="#site_close_collapse:not(.show)" aria-expanded="false" aria-controls="collapse">
                  <label class="custom-control-label" for="site_close_false">暂时关闭</label>
                </div>
              </div>
              <label class="col-sm-6 col-form-label">暂时将网站关闭，其他人无法访问，但不影响管理员访问</label>
            </div>

            <!-- Close msg Setting -->
            <div class="collapse" id="site_close_collapse">
              <label class="item-title">关站时提示语：</label>
              <div class="form-group row">
                <div class="col-sm-6">
                  <textarea class="form-control" id="site_close_msg" rows="2"></textarea>
                </div>
                <label class="col-sm-6 col-form-label">站点关闭时出现的提示信息<br>支持多语言</label>
              </div>
            </div>

            <!-- Form Submit -->
            <button type="submit" class="btn btn-primary">保存</button>
          </form>
          <!-- Setting End -->
        </div>
      </div>
    </div>

    <!-- JavaScript -->
    <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/plugins/overlayscrollbars/js/jquery.overlayScrollbars.min.js"></script>
    <script src="assets/js/backend.js"></script>
  </body>
</html>